.fitness-register{
    width: 100%;
    height: 100%;
    display: flex;
    background-image: url(../imgs/sign-bg.jpg);
    background-repeat: no-repeat;
    background-size: 450px;
     background-position: center; 
     flex-direction: column;
     position: relative;

    .top{
        width: 100%; 
        color:rgba(255, 255, 255, 100);
        position: absolute;
        top: 30px;
        left:238px;
    }
    .big{
        position: absolute;
        top: 80px;
        width: 100%; 
        
        
        .content{
      
           /*  position: absolute;
            top: 80px; */
             flex-grow: 1; 
                    .p1{
                    line-height: 40px;  
                    color:#FFFFFF;  
                    }
                    .p2{
                       color:#c4bdbd;
                    }
        }
        .phone{
            color: white;
             width: 296px; 
            display: flex;
             background-color: rgba(255, 255, 255, .7);
             border-radius: 25px; 
            line-height: 50px;
            padding-left: 10px;
            /* width: 350px;  */
            
           select{
                  border: none;
                  background-color: transparent;
                   outline: none;
                     line-height: 50px;
                     color:white;
                  }
                   input::placeholder{
                color:white;
            }
            option{
                color: blue;
            }
                  input{
                      color: white;
                    line-height: 50px;
                    border: none;
                    padding-left: 10px;
                    outline: none;
                    background-color: transparent;
                }      
        }
        .verify{
            width: 296px;
            line-height: 50px;
            display: flex;
            justify-content: space-around;
            color:white;
            input::placeholder{
                color:white; 
            }
            input{
               color:white; 
                line-height: 50px;
                height: 50px;
                border-radius: 25px; 
                width: 210px;
                margin-right: 10px;
                text-indent: 10px;
                background-color: rgba(255, 255, 255, .7); ;
            }
            .bjs{
                background-color: rosybrown;
                flex-grow: 1; 
                height: 50px;
                line-height: 50px;
                font-size: 18px;
            }
        }
        .mima{
            color: white;
           /*  width: 82%; */
            /* display: flex; */
            input::placeholder{
                color:white;
            }
            >input{
                color: white;
                width: 296px;
                background-color: rgba(255, 255, 255, .7);
                border-radius: 25px; 
               line-height: 50px;
               text-indent: 10px;
            }
        }
        .tijiao{
           input{
            width: 296px;;
            font-size: 16px;
            border-radius: 25px; 
               line-height: 50px;
            color: white;
            background-color:#63FFA7;
           }
        }
        .tuzhi{
            color: white;
            display: flex;
            align-self: center;
            position: relative;
            top: 21px;
            right:-208px;
            >div{
                font-size: 24px !important;
                color: white ;
                line-height:24px
            }
             >p{
                line-height:24px
             }
        }
        .weibu{
            width: 104px;
            height: 22px;
            color: white;
          position: absolute;
          top: 493px;
        left:106px;
        }
        .shibai{
            color: red;
           position: absolute;
           top: 420px;
           left: 113px;
        }
    }
}